@import "~taro-ui/dist/style/components/flex.scss";
@import "@styles/theme.scss";
//列表
.list{
  
  &__Item{
    margin: 20px;
    margin-bottom: 30px;
    //height: 300px;
    box-shadow: 0 0 20px #ccc;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    &--column{
      flex-direction: column;
      
    }
  }
  
  &__info-box{
    flex:1;
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
  &__thumb{
    flex:0;
    display: flex;
    width: 265px;
    
    &-img{
     flex:1;
     height: 190px;
     &--big{
       height: 440px;
     }
    }
    &--big{
      flex:1;
      width: 100%;
      
    }
  }
  &__title{
   
    flex:1;
    &-text{
      font-size: 34px;
      color:#000;
      @include lamp-clamp(2);
      &--big{
        @include lamp-clamp(2);
      }
    }
  }
  &__desc{
    margin: 10px 0;
    &-text{
      @include lamp-clamp(2);
      font-size: 30px;
      color:#333
    }
    
  }

  &__info{
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    &--big{
      @include flex-box(row,between)
    }
    &-text{
      font-size: 28px;
      color:#666
    }
    &-icon{
      font-size: 28px;
      color:#d2d2d2
    }
  }
  
}
